/* 字体颜色 */
.color-333 {color: #333;}
.color-666 {color: #666;}
.color-999 {color: #999;}
.color-ccc {color: #ccc;}
.color-fff {color: #fff;}
.color-success,.color-green{color: #6dca6d;}
.color-error, .color-red{color: #d51917;}
.color-warning, .color-yellow{color: #F09000;}
.color-primary, .color-blue{color: #7181FF;}
 
/* 背景色*/
.bg-fff{background-color: #ffffff;}
 
/* 字体大小 */
.size-20 {font-size: 20rpx;}
.size-22 {font-size: 22rpx;}
.size-24 {font-size: 24rpx;}
.size-26 {font-size: 26rpx;}
.size-28 {font-size: 28rpx;}
.size-30 {font-size: 30rpx;}
.size-32 {font-size: 32rpx;}
.size-34 {font-size: 34rpx;}
.size-36 {font-size: 36rpx;}
.size-40 {font-size: 40rpx;}
.size-42 {font-size: 42rpx;}
 
/* 字体加粗 */
.font-b{font-weight: bold;}

/* 圆角 */
.border-16{border-radius: 16rpx;}

 /* 外边距 */
 .margin-24{margin: 24rpx;}
 .margin-0-24{margin: 0 24rpx;}
 .margin-24-0{margin: 24rpx 0;}
 
 /* 内边距 */
 .padding-24{padding: 24rpx;}
 .padding-0-24{padding: 0 24rpx;}
 .padding-24-0{padding: 24rpx 0;}
 
/* 对齐方式 */
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
/*   超出部分省略号  */
.text-overflow{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.border-bottom,.border-top{
	position: relative;
}
.border-bottom::after{
	border-bottom: 1px solid #E5E5E5;
    bottom: 0;
    box-sizing: border-box;
    content: " ";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    transform: scaleY(.5);
    transform-origin: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E5E5E5;
}
.border-top::before{
	border-top: 1px solid #E5E5E5;
    top: 0;
    box-sizing: border-box;
    content: " ";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    transform: scaleY(.5);
    transform-origin: center;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #E5E5E5;
}